// 所有layouts中组件样式
.ant-layout-header {
  background: #fff;
  color: #606266;
  .app-helper-menu {
    margin-left: auto;
    display: flex;
    .app-setting {
      font-size: 18px;
      cursor: pointer;
      margin-right: 10px;
    }
  }
  .header-dropdown-wrap {
    .anticon-down {
      font-size: 12px;
      color: #606266;
    }
    &:hover {
      cursor: pointer;
    }
  }
}
.app-hamburger {
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
}
.ant-breadcrumb.app-breadcrumb {
  display: inline-block;
  margin-left: 20px;
  line-height: 58px;
}
.app-header-crumb {
  display: flex;
}
.ant-pro-sider-logo {
  display: none !important;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #000 !important;
  &::before {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    top: 14px;
    overflow: hidden;
    content: ' ';
    border-color: transparent #fff transparent transparent;
    border-style: solid dashed dashed;
    border-width: 6px;
    z-index: 666;
  }
}
.ant-layout-sider-collapsed {
  .ant-pro-sider-logo,
  .ant-pro-sider-extra {
    display: none;
  }
}
//.app-prop-collapsed-layout {
//  .ant-pro-sider-logo {
//    justify-content: center;
//  }
//  > .ant-layout-has-sider {
//    > .ant-layout-sider {
//      width: 68px !important;
//      flex: 0 0 68px !important;
//      max-width: 68px !important;
//      min-width: 68px !important;
//    }
//    .ant-pro-menu-item {
//      .anticon {
//        font-size: 18px !important;
//      }
//    }
//  }
//  .app-sub-basic-layout {
//    .ant-pro-menu-item {
//      .anticon {
//        font-size: 16px !important;
//      }
//    }
//  }
//}
.app-wrap-prop-layout {
  > .ant-layout {
    > .ant-layout-sider {
      height: 100vh;
      overflow: hidden;
      flex: 0 0 98px !important;
      max-width: 98px !important;
      min-width: 98px !important;
      width: 98px !important;
      .ant-menu-inline {
        .ant-menu-item {
          padding: 0 0 0 8px !important;
        }
      }
    }
  }
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-y: auto;
}
.app-main-basic-layout {
  .ant-pro-sider-logo {
    padding: 7px 0;
    justify-content: center;
    font-size: 20px;
    color: #666;
  }
  .ant-pro-basicLayout-content {
    margin: 0;
  }
  .app-children-container {
    margin: 24px;
    position: relative;
  }
  .ant-pro-sider-extra {
    margin: 10px 0 5px;
    padding: 0;
    .ant-divider {
      margin: 0;
      color: #666;
    }
  }
}
// settings-drawer
.ant-drawer {
  .ant-pro-setting-drawer-handle {
    display: none;
  }
}
.ant-drawer.ant-drawer-open {
  .ant-pro-setting-drawer-handle {
    display: flex;
  }
}
.ant-drawer-right {
  .ant-pro-setting-drawer-content {
    > div:nth-child(4),
    > div:nth-child(6),
    > div:nth-child(7),
    > div:nth-child(8),
    > div:nth-child(9) {
      display: none;
    }
  }
  .anticon {
    transition: all 2s;
    transform: rotate(0deg);
    &:hover {
      transform: rotate(-1turn);
    }
  }
}
// 所有layouts中组件样式
.app-source {
  position: fixed;
  bottom: 20px;
  right: -13px;
  font-size: 12px;
  border-radius: 3px;
  background-color: rgba(#000, 0.7);
  border: 1px solid #000;
  z-index: 9999;
  transition: all 0.3s;
  padding-right: 13px;
  a {
    color: #fff;
    padding: 5px 15px;
  }
  &:hover {
    right: -8px;
    background-color: rgba(#000, 0.9);
  }
}
